.cart_title {
  margin-top: 3em;
  background-color: #0f0f0f;
  color: #fff;
  text-align: center;
  padding: .8em 0;
  font-size: 1.3em;
}

.cart {
  ul {
    padding: 0;
    margin: 0;

    li {
      list-style: none;
      display: flex;
      background-color: #fff;
      padding: 1em 0;

      .radio {
        width: 15%;
        text-align: center;

        label {
          position: relative;
          width: 100%;
          height: 100%;
          padding-left: 0;

          img {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 50%;
          }

          img:nth-of-type(2) {
            display: none;
          }
        }

        input:checked+label {
          img:nth-of-type(1) {
            display: none;
          }
          img:nth-of-type(2) {
            display: inline-block;
          }
        }

        input {
          display: none;
        }
      }

      .img {
        width: 20%;

        img {
          width: 100%;
        }
      }

      .info {
        width: 50%;
        padding-left: 1em;
        .goods_name {
          font-size: 1em;
          margin-bottom: .6em;
        }

        .goods_price {
          font-size: .9em;
          color: #eb7575;
          margin-bottom: .6em;
        }

        .num {
          border: 1px solid #999;
          background-color: #b5b5b5;

          span {
            display: inline-block;
            height: 100%;
            background-color: #fff;
            margin-bottom: 0;
            padding: .1em 1em;
          }

          button {
            height: 100%;
            border: none;
            background: none;
          }
        }
      }

      .del {
        width: 15%;
        text-align: center;
        padding-top: 1.5em;

        img {
          width: 50%;
        }

        p {
          font-size: .8em;
          color: #eb7575;
        }
      }
    }
  }
}

.cart_footer {
  width: 100%;
  display: flex;
  background-color: #fff;
  border-top: 1px solid #eee;
  position: fixed;
  left: 0;
  bottom: 3.9em;

  .all_radio {
    width: 35%;
    padding: .5em 0; 

    label{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      text-align: center;
      img {
        width: 23%;
      }
  
      img:nth-of-type(2) {
        display: none;
      }

      span {
        margin-left: .8em;
      }
    }

    #all_radio:checked + label {
      img:nth-of-type(2) {
        display: inline-block;
      }

      img:nth-of-type(1) {
        display: none;
      }
    }

    input {
      display: none;
    }
  }

  .info {
    width: 38%;
    padding: .5em 0; 

    p {
      font-size: .8em;
      margin-bottom: 0;

      .goods_sum {
        font-size: 1.2em;
        color: #e73838;
        font-weight: 700;
      }
    }
  }

  .cart_btn {
    width: 27%;
    padding: .4em;
    button {
      width: 100%;
      height: 100%;
      background-color: #f85c5c;
      border: none;
      color: #fff;
      border-radius: .5em;
    }
  }
}

.footer {
  ul {
    li:nth-of-type(3) {
      img:nth-of-type(1) {
        display: none;
      }
    
      img:nth-of-type(2) {
        display: inline-block;
      }
      p {
        color: #fade5d;
      }
    }
  }
}